@charset "UTF-8";
*{
	margin:0;
}
body{
	background-color:#F5F5F5;
}
#top{
	width:100%;
	height:30px;
	background-color:white;
}
#top a{
	text-decoration:none;
	color:black;
	margin-left:10px;
}
.user{
	background-color:white;
	width:25%;
	height:500px;
	margin-top:10px;
	position:absolute;
}
#avator{
	width:80px;
	height:80px;
	border-radius:50%;
	position:relative;
	top:10px;
	left:10px;
}
#user{
display:flex;
flex-direction:row;
}
#u-user{
	display:flex;
flex-direction:column;
margin-top:25px;
margin-left:20px;
}
.tongji{
	display:flex;
flex-direction:row;
text-align:center;
margin-top:30px;
margin-left:30px;
}
#t-ji{
	display:flex;
flex-direction:column;
}
#t-jii{
	display:flex;
flex-direction:column;
margin-left:120px;
}
#xian{
	width:100%;
	height:2px;
	background-color:#F5F5F5;
	margin-top:5px;
}
#name,#namet,#names{
	display:none;
}
#dianji,#dianjit,#dianjis,#dianjif,#logout{
	width:100%;
	height:50px;
	border:none;
	font-size:20px;
	background-color:white;
}
#dianji:hover{
	border:1px solid #B0C4DE;
}
#dianjit:hover{
	border:1px solid #B0C4DE;
}
#dianjis:hover{
	border:1px solid #B0C4DE;
}
#dianjif:hover{
	border:1px solid #B0C4DE;
}
#logout:hover{
	border:1px solid #B0C4DE;
}
#kong{
	width:65%;
	height:600px;
	background-color:white;
	position:absolute;
	top:40px;
	left:400px;
	text-align:center;
}
#yhxx{
	width:65%;
	height:600px;
	background-color:white;
	position:absolute;
	top:40px;
	left:400px;
	text-align:center;
	display:none;
}
#yhx{
	margin-top:20px;
}
#user-a,#nich,#phone,#pass,#address,#idcard{
	border:none;
	border-bottom:2px solid #B0C4DE;
	height:30px;
	width:200px;
	font-size:15px;
	margin-bottom:10px;
}
#xiug{
	margin-top:10px;
	border:none;
	width:100px;
	height:40px;
	font-size:20px;
	background-color:#1E90FF;
	color:white;
}
#gwc{
	width:65%;
	height:600px;
	background-color:white;
	position:absolute;
	top:40px;
	left:400px;
	display:none;
}
#dzf{
	width:65%;
	//height:600px;
	background-color:white;
	position:absolute;
	top:40px;
	left:400px;
	display:none;
}
#ddan{
	width:65%;
	//height:600px;
	background-color:white;
	position:absolute;
	top:40px;
	left:400px;
	display:none;
}

#s-service{
	margin-top:10px;
	display:flex;
	flex-direction:row;
	border:2px solid #E6E6FA;
	width:60%;
	box-shadow: 5px 5px 20px 5px #F5F5F5;
}
#s-service:hover{
	border:2px solid #D3D3D3;
}
[name="waitpay_id"]{
	display:none;
}
#ur-zf{
	position:absolute;
	height:200px;
	width:300px;
	left:30px;
	opacity:0;
}
#ss-service{
	margin-left:20px;
	display:flex;
	flex-direction:column;
}
#sss-ser{
	display:flex;
	flex-direction:column;
	margin-top:10px;
}
#img{
	width:300px;
	height:200px;
	position:relative;
	left:10px;
}
#sum{
	margin-top:30px;
	color:red;
	font-size:20px;
}
#sss-sele{
	margin-top:30px;
}
#jia{
	width:20px;
	height:21px;
	border:1px solid black;
	position:relative;
	top:-5px;
	left:-6px;
}
#jia:hover{
	border:1px solid red;
}
#jian{
	width:20px;
	height:21px;
	border:1px solid black;
	position:relative;
	top:16.5px;
	left:-32px;
}
#jian:hover{
	border:1px solid red;
}
#us-num{
	width:40px;
	height:40px;
	text-align:center;
}
#d-dzf{
	margin-left:20px;
	margin-top:20px;
	margin-bottom:30px;
}
#d-dan{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	margin-top:20px;
	margin-left:20px;
	margin-bottom:30px;
}
#dd-dan{
	display:flex;
	flex-direction:row;
	border:1px solid #DCDCDC;
	margin-left:10px;
	margin-top:10px; 
}
#dd-dan:hover{
	border:1px solid red;
}
#d-img{
	width:250px;
	height:200px;
	margin-top:5px;
	margin-left:5px;
	margin-bottom:5px;
}
#d-left{
	display:flex;
	flex-direction:column;
	margin-top:10px;
	margin-left:10px;
	margin-right:50px;
}
#d-ls{
	color:red;
	margin-top:10px;
}
#d-num{
	margin-top:5px;
}
#zcgm{
	margin-top:30px;
	background-color:white;
	color:red;
	border:1px solid red;
	border-radius:25%;
	width:70px;
	height:40px;
}
#delete{
	border:1px solid red;
	background-color:white;
	color:red;
	margin-top:15px;
	margin-left:15px;
}
#shanchu{
	border:1px solid red;
	background-color:white;
	color:red;
	margin-top:5px;
	
}